<template>
	<view>
		<view class="contentView flex-row-space-between" style="margin-top: 10rpx;">
			<view class="name">
				生成
			</view>
			<view class=""></view>
		</view>
		<view class="createView">
			<view @click="createItemClick(item)" class="createItem" v-for="(item,index) in createList" :key="index">
				{{item}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"shengChengWenJian",
		data() {
			return {
				createList:['收案审批表','电签委托合同','风险告知书','委托书','接待笔录','空白诉状','空白申请书'],
			};
		},
		methods:{
			createItemClick(item){
				this.$emit('createItemClick', item);
			}
		}
	}
</script>

<style>
	.createItem{
		margin-left: 20rpx;
		margin-top: 20rpx;
		padding-left: 20rpx;
		padding-right: 20rpx;
		height: 80rpx;
		border-radius: 10rpx;
		border: 3rpx solid rgba(233, 53, 72, 1);
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #EB2B3B;
		line-height: 80rpx;
		text-align: center;
	}
	.createView{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;		
		align-content: space-between;
		margin-left: 2rpx;
		margin-top: 20rpx;
	}
	.name{
		width: 250rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
	}
	.contentView{
		padding-left: 24rpx;
		padding-right: 24rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}
</style>